<template>
  <div class="content-card">
    <div>
        <Card :bordered="false" dis-hover>
            <div slot="title">
              <span class="title">详细信息</span>
            </div>
            <div>


                <div>
                    <apptitle titleName='产品信息'></apptitle>
                    <div>
                        <Row>
                            <i-col span='10' offset='3'>
                                <Form :label-width="200">
                                    <FormItem label="产品名称">
                                        <span style="font-weight:700">贷款产品001</span>
                                    </FormItem>
                                    <FormItem label="金融机构">
                                        <span style="font-weight:700">工商银行</span>
                                    </FormItem>
                                </Form>
                            </i-col>
                        </Row>
                    </div>
                </div>
                
                <div>
                    <apptitle titleName='办理情况'></apptitle>
                    <div>
                        <Row>
                            <i-col span='10' offset='3'>
                                <Form :label-width="200">
                                    <FormItem label="状态">
                                        <span style="font-weight:700">已放款</span>
                                    </FormItem>
                                    <FormItem label="放款时间">
                                        <span style="font-weight:700">2020-03-30 09:40</span>
                                    </FormItem>
                                    <FormItem label="放款额度(万)">
                                        <span style="font-weight:700">30</span>
                                    </FormItem>
                                    <FormItem label="放款利率(%)">
                                        <span style="font-weight:700">4.5</span>
                                    </FormItem>
                                    <FormItem label="放款期限">
                                        <span style="font-weight:700">2年</span>
                                    </FormItem>
                                    <FormItem label="备注">
                                        <span style="display:inline-block;width:500px;font-weight:700">经审核，该产品符合用户条件，用户满足该产品所有条件，，已协助用户办理
贷款流程。</span>
                                    </FormItem>
                                </Form>
                            </i-col>
                        </Row>
                    </div>
                </div>


               








                <div>
                    <apptitle titleName='贷款申请信息'></apptitle>
                    <div>
                        <Row>
                            <i-col span='10' offset='3'>
                                <Form :label-width="200">
                                    <FormItem label=" 期望贷款金额(万)">
                                        <span style="font-weight:700">200</span>
                                    </FormItem>
                                    <FormItem label="期望贷款期限">
                                        <span style="font-weight:700">20年</span>
                                    </FormItem>
                                    <FormItem label="抵押方式">
                                        <span style="font-weight:700">住宅</span>
                                    </FormItem>
                                    <FormItem label="申请日期">
                                        <span style="font-weight:700">2020-02-25 09:30</span>
                                    </FormItem>
                                    <FormItem label="需求描述">
                                        <span style="display:inline-block;width:500px;font-weight:700">多重利好提振看涨信心，油价反攻收创10月来新高金融资本项目，北京项目融
                                            资模式销售额大幅增长超8成，产品质量 延续晋升园区项目融资，对项目融资
                                            管理本日数据可关注英国七月Markit制造业PMI，若数据相符或者高于预期，
                                            料提振英镑，反之或者打压英镑。政府项目怎么融资，"国家体育场""鸟巢"
                                            "项目融资"</span>
                                    </FormItem>
                                </Form>
                            </i-col>
                        </Row>
                    </div>
                </div>

                <div>
                    <apptitle titleName='贷款申请信息'></apptitle>
                    <div>
                        <Row>
                            <i-col span='10' offset='3'>
                                <Form :label-width="200">
                                    <FormItem label=" 公司名称">
                                        <span style="display:inline-block;width:300px;font-weight:700">国网电子商务有限公司</span>
                                    </FormItem>
                                    <FormItem label="统一社会信用代码">
                                        <span style="font-weight:700">12345689012345678</span>
                                    </FormItem>
                                    <FormItem label="法定代表人">
                                        <span style="font-weight:700">张强</span>
                                    </FormItem>
                                    <FormItem label="联系人姓名">
                                        <span style="font-weight:700">张伟 （先生）</span>
                                    </FormItem>
                                    <FormItem label="联系电话">
                                        <span style="font-weight:700">158*****666</span>
                                    </FormItem>
                                </Form>
                            </i-col>
                        </Row>
                    </div>
                </div>


                <div>
                    <Row>
                        <i-col span='2' offset='10'>
                           <i-button>返回</i-button>
                        </i-col>
                    </Row>
                </div>
  
            </div>
        </Card>
    </div>   
  </div>
</template>
<script>
import apptitle from '@/components/title'
export default {
  data(){
    return{
    }
  },
  components:{
    apptitle
  },
  methods:{
    
  }
}
</script>

<style scoped>
</style>